import Vue from 'vue'

/* 引入elment-ui全局样式 */
import 'element-ui/lib/theme-chalk/index.css'

/* element-ui  按需引入 */
import { Button, Form, FormItem, Input, Message, Container, Header, Aside, Main, Menu, Submenu, MenuItem, Breadcrumb, BreadcrumbItem, Card, Row, Col, Table, TableColumn, Switch, Tooltip, Pagination, Dialog, MessageBox, Tag, Backtop, Tree, Select, Option, Cascader, Alert, Tabs, TabPane, Step, Steps, Checkbox, CheckboxGroup, Upload, Timeline, TimelineItem } from 'element-ui'
// 按需引入
Vue.use(Button)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)
Vue.use(Container)
Vue.use(Header)
Vue.use(Aside)
Vue.use(Main)
Vue.use(Menu)
Vue.use(Submenu)
Vue.use(MenuItem)
Vue.use(Breadcrumb)
Vue.use(BreadcrumbItem)
Vue.use(Card)
Vue.use(Row)
Vue.use(Col)
Vue.use(Table)
Vue.use(TableColumn)
// 状态滑块
Vue.use(Switch)
// 提示
Vue.use(Tooltip)
// 分页
Vue.use(Pagination)
// 对话框
Vue.use(Dialog)
// Tag 标签  用于标记和选择
Vue.use(Tag)
// 一键返回顶部
Vue.use(Backtop)
Vue.use(Tree)
// Select 下拉菜单 选择器
Vue.use(Select)
Vue.use(Option)
// 复选框 Checkbox
// Vue.use(Checkbox)
// 级联选择器
Vue.use(Cascader)
// 警告
Vue.use(Alert)
/* Tabs 选项卡 */
Vue.use(Tabs)
Vue.use(TabPane)
/* 步骤条 */
Vue.use(Steps)
Vue.use(Step)
// 复选框
Vue.use(Checkbox)
Vue.use(CheckboxGroup)
// upload 文件上传
Vue.use(Upload)
// 时间线
Vue.use(Timeline)
Vue.use(TimelineItem)
// Message 消息弹框
Vue.prototype.$message = Message
// MessageBox 消息确认框
Vue.prototype.$confirm = MessageBox.confirm

